<!DOCTYPE HTML>
<html>
<head>
<script src="jquery-1.10.1.min.js"></script>
<script src="9x9.js"></script>
<link rel="stylesheet" type="text/css" href="9x9.css">
</head>

<body>

<div class="board">
<table class="grid">
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>
</table>

<span style="position:absolute; color:#888;left:25px;top:10px;">A</span>
<span style="position:absolute; color:#888;left:76px;top:10px;">B</span>
<span style="position:absolute; color:#888;left:127px;top:10px;">C</span>
<span style="position:absolute; color:#888;left:176px;top:10px;">D</span>
<span style="position:absolute; color:#888;left:225px;top:10px;">E</span>
<span style="position:absolute; color:#888;left:274px;top:10px;">F</span>
<span style="position:absolute; color:#888;left:322px;top:10px;">G</span>
<span style="position:absolute; color:#888;left:372px;top:10px;">H</span>
<span style="position:absolute; color:#888;left:425px;top:10px;">J</span>

<span style="position:absolute; color:#888;left:15px;top:25px;">9</span>
<span style="position:absolute; color:#888;left:15px;top:75px;">8</span>
<span style="position:absolute; color:#888;left:15px;top:124px;">7</span>
<span style="position:absolute; color:#888;left:15px;top:172px;">6</span>
<span style="position:absolute; color:#888;left:15px;top:221px;">5</span>
<span style="position:absolute; color:#888;left:15px;top:271px;">4</span>
<span style="position:absolute; color:#888;left:15px;top:320px;">3</span>
<span style="position:absolute; color:#888;left:15px;top:368px;">2</span>
<span style="position:absolute; color:#888;left:15px;top:418px;">1</span>

<div class="star" id="STARC3"></div>
<div class="star" id="STARC7"></div>
<div class="star" id="STARE5"></div>
<div class="star" id="STARG3"></div>
<div class="star" id="STARG7"></div>
</div>

<div class="boardtop">
<div class="stone" id="A1"></div>
<div class="stone" id="A2"></div>
<div class="stone" id="A3"></div>
<div class="stone" id="A4"></div>
<div class="stone" id="A5"></div>
<div class="stone" id="A6"></div>
<div class="stone" id="A7"></div>
<div class="stone" id="A8"></div>
<div class="stone" id="A9"></div>

<div class="stone" id="B1"></div>
<div class="stone" id="B2"></div>
<div class="stone" id="B3"></div>
<div class="stone" id="B4"></div>
<div class="stone" id="B5"></div>
<div class="stone" id="B6"></div>
<div class="stone" id="B7"></div>
<div class="stone" id="B8"></div>
<div class="stone" id="B9"></div>

<div class="stone" id="C1"></div>
<div class="stone" id="C2"></div>
<div class="stone" id="C3"></div>
<div class="stone" id="C4"></div>
<div class="stone" id="C5"></div>
<div class="stone" id="C6"></div>
<div class="stone" id="C7"></div>
<div class="stone" id="C8"></div>
<div class="stone" id="C9"></div>

<div class="stone" id="D1"></div>
<div class="stone" id="D2"></div>
<div class="stone" id="D3"></div>
<div class="stone" id="D4"></div>
<div class="stone" id="D5"></div>
<div class="stone" id="D6"></div>
<div class="stone" id="D7"></div>
<div class="stone" id="D8"></div>
<div class="stone" id="D9"></div>

<div class="stone" id="E1"></div>
<div class="stone" id="E2"></div>
<div class="stone" id="E3"></div>
<div class="stone" id="E4"></div>
<div class="stone" id="E5"></div>
<div class="stone" id="E6"></div>
<div class="stone" id="E7"></div>
<div class="stone" id="E8"></div>
<div class="stone" id="E9"></div>

<div class="stone" id="F1"></div>
<div class="stone" id="F2"></div>
<div class="stone" id="F3"></div>
<div class="stone" id="F4"></div>
<div class="stone" id="F5"></div>
<div class="stone" id="F6"></div>
<div class="stone" id="F7"></div>
<div class="stone" id="F8"></div>
<div class="stone" id="F9"></div>

<div class="stone" id="G1"></div>
<div class="stone" id="G2"></div>
<div class="stone" id="G3"></div>
<div class="stone" id="G4"></div>
<div class="stone" id="G5"></div>
<div class="stone" id="G6"></div>
<div class="stone" id="G7"></div>
<div class="stone" id="G8"></div>
<div class="stone" id="G9"></div>

<div class="stone" id="H1"></div>
<div class="stone" id="H2"></div>
<div class="stone" id="H3"></div>
<div class="stone" id="H4"></div>
<div class="stone" id="H5"></div>
<div class="stone" id="H6"></div>
<div class="stone" id="H7"></div>
<div class="stone" id="H8"></div>
<div class="stone" id="H9"></div>

<div class="stone" id="J1"></div>
<div class="stone" id="J2"></div>
<div class="stone" id="J3"></div>
<div class="stone" id="J4"></div>
<div class="stone" id="J5"></div>
<div class="stone" id="J6"></div>
<div class="stone" id="J7"></div>
<div class="stone" id="J8"></div>
<div class="stone" id="J9"></div>

</div>

<div class="control">
<div id="NextTurn">
Next Turn
<div class="stone black selected" id="NextBlack"></div>
<div class="stone white" id="NextWhite"></div>
</div>
<span id="console" style="position:relative;top:100px;">Latest news</span>
</div>

</body>

</html>